﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<script id="allmobilize" charset="utf-8" src="style/js/allmobilize.min.js"></script>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate" media="handheld"  />
<!-- end 云适配 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录-拉勾网-最专业的互联网招聘平台</title>
<meta property="qc:admins" content="23635710066417756375" />
<meta content="拉勾网是3W旗下的互联网领域垂直招聘网站,互联网职业机会尽在拉勾网" name="description">
<meta content="拉勾,拉勾网,拉勾招聘,拉钩, 拉钩网 ,互联网招聘,拉勾互联网招聘, 移动互联网招聘, 垂直互联网招聘, 微信招聘, 微博招聘, 拉勾官网, 拉勾百科,跳槽, 高薪职位, 互联网圈子, IT招聘, 职场招聘, 猎头招聘,O2O招聘, LBS招聘, 社交招聘, 校园招聘, 校招,社会招聘,社招" name="keywords">

<meta name="baidu-site-verification" content="QIQ6KC1oZ6" />

<!-- <div class="web_root"  style="display:none">h</div> -->
<script type="text/javascript">
var ctx = "h";
console.log(1);
</script>
<link rel="Shortcut Icon" href="/h/images/favicon.ico">
<link rel="stylesheet" type="text/css" href="/style/css/style.css"/>

<script src="/style/js/jquery.1.10.1.min.js" type="text/javascript"></script>

<script type="text/javascript" src="/style/js/jquery.lib.min.js"></script>
<script type="text/javascript" src="/style/js/core.min.js"></script>


<script type="text/javascript">
var youdao_conv_id = 271546; 
</script> 
<script type="text/javascript" src="/style/js/conv.js"></script>
</head>

<body id="login_bg">
	<div class="login_wrapper">
		<div class="login_header">
        	<a href="h/"><img src="/style/images/logo_white.png" width="285" height="62" alt="拉勾招聘" /></a>
            <div id="cloud_s"><img src="/style/images/cloud_s.png" width="81" height="52" alt="cloud" /></div>
            <div id="cloud_m"><img src="/style/images/cloud_m.png" width="136" height="95"  alt="cloud" /></div>
        </div>
        
    	<input type="hidden" id="resubmitToken" value="" />		
		 <div class="login_box">
        	<form id="loginForm" th:action="@{/user/login}" th:method="post">
				<input type="text" id="email" name="email" value="" tabindex="1" placeholder="请输入登录邮箱地址" />
				<span th:if="${emailError != null}" th:text="${emailError}" class="error"></span>
			  	<input type="password" id="password" name="password" tabindex="2" placeholder="请输入密码" />
				<span class="error" style="display:none;" id="beError"></span>
				<span th:if="${passwordError != null}" th:text="${passwordError}" class="error"></span>
				<div style="display: inline-block" id = "tt" name="tt">
					<input type="text" id="verfycode" name="verfycode" style="width:100px;font-size:16px; color:#777; border:none;" placeholder="请输入验证码" /><img id = "image"th:src="@{/verifyCode}" style="margin-bottom: -11px;margin-left: 2px;">
					<a href="#" style="width: 80px;background-color: #0D9572;border: none;text-align: center;color: white;font-size:16px;" id = "btn">换一张</a>
				</div>
				<span th:if="${verifyCodeError != null}" th:text="${verifyCodeError}" class="error"></span>
				<span id="codeStatue" class="error"></span>

			    <label class="fl" for="remember"><input type="checkbox" id="remember" value="" checked="checked" name="autoLogin" /> 记住我</label>
			    <a href="reset.html" class="fr" target="_blank">忘记密码？</a>
				<button  id="submitLogin">登 &nbsp; &nbsp; 录</button>
				<!--<a style="color:#fff;" href="index.html" class="submitLogin" title="登 &nbsp; &nbsp; 录"/>登 &nbsp; &nbsp; 录</a>-->

			    
			    <input type="hidden" id="callback" name="callback" value=""/>
                <input type="hidden" id="authType" name="authType" value=""/>
                <input type="hidden" id="signature" name="signature" value=""/>
                <input type="hidden" id="timestamp" name="timestamp" value=""/>
			</form>
        </div>
        <div class="login_box_btm"></div>
    </div>

<script type="text/javascript">

	//验证表单
	 	$("#loginForm").validate({
	 		/* onkeyup: false,
	    	focusCleanup:true, */
	        rules: {
	    	   	email: {
	    	    	required: true,
	    	    	email: true
	    	   	},
	    	   	password: {
	    	    	required: true
	    	   	},
				codeStatue: {
					required: true
				}
	    	},
	    	messages: {
	    	   	email: {
	    	    	required: "请输入登录邮箱地址",
	    	    	email: "请输入有效的邮箱地址，如：vivi@lagou.com"
	    	   	},
	    	   	password: {
	    	    	required: "请输入密码"
	    	   	},
				codeStatue: {
					required: "请输入验证码"
				}
	    	},
	    	// submitHandler:function(form){
	    	// 	if($('#remember').prop("checked")){
	      	// 		$('#remember').val(1);
	      	// 	}else{
	      	// 		$('#remember').val(null);
	      	// 	}
	    	// 	var email = $('#email').val();
	    	// 	var password = $('#password').val();
	    	// 	var remember = $('#remember').val();
			//
	    	// 	var callback = $('#callback').val();
	    	// 	var authType = $('#authType').val();
	    	// 	var signature = $('#signature').val();
	    	// 	var timestamp = $('#timestamp').val();
	    		//$(form).find(":submit").attr("disabled", true);
	            // $.ajax({
	            // 	type:'POST',
	            // 	data:{email:email,password:password,autoLogin:remember, callback:callback, authType:authType, signature:signature, timestamp:timestamp},
	            // 	url:ctx+'/user/login.json'
	            // }).done(function(result) {
				// 	if(result.success){
				// 	 	if(result.content.loginToUrl){
				// 			window.location.href=result.content.loginToUrl;
	            // 		}else{
	            // 			window.location.href=ctx+'/';
	            // 		}
				// 	}else{
				// 		$('#beError').text(result.msg).show();
				// 	}
				// 	$(form).find(":submit").attr("disabled", false);
	            // });
	        //}

});
	$("#submitLogin").click(function(){
		var email = $('#email').val();
		var password = $('#password').val();
		var verfyCode = $('#verfycode').val();
		console.log(verfyCode+":为")
		if(email == "" || password == "" || verfyCode == "" || $('#verfycode').val() == ""){
			//点击确定的操作
			if($("#verfycode").val() == ""){
				$('#codeStatue').html("请输入验证码")
			}
			return false;
		}else{
			//点击取消的操作
			//return false 阻止表单提交
			$("#loginForm").submit();
		}
	});

	$("#verfycode").on('blur',function(){
		//alert("失去焦点")
		//console.log("失去焦点")
		if($("#verfycode").val() == ""){
			$('#codeStatue').html("请输入验证码")
		}else{
			$('#codeStatue').html("")
		}
	})

$('#btn').on('click',function(){
	//alert("key")
	$('#image').attr('src','verifyCode?time=' + new Date().getTime())
})

	// $("#verifycode").on('blur',function(){
	// 	//alert("失去焦点")
	// 	//console.log("失去焦点")
	// 	$('#codeStatue').val('123')
	// })
</script>
</body>
</html>